/*
  学习目标：使用React创建h1标签, 渲染在浏览器中
*/

//  1. 导包React  ReactDOM
import React from 'react';
import ReactDOM from 'react-dom';

// 2. 通过React创建元素
// 语法: React.createElement("标签的类型",  {标签属性: 值}, "标签的内容")
// 虚拟DOM: 保存了关键信息的JS对象
const title =  React.createElement("button", null, "hello 78")
console.log('title  ----->  ', title);


// 3. 通过ReactDOM渲染元素
// 语法: ReactDOM.render(React元素, 真实DOM节点作为挂载点)
ReactDOM.render(title, document.getElementById("root"))

